import Vue from 'vue'
import Vuex from 'vuex'
import { setItem, getItem } from '@/utils/storage'

Vue.use(Vuex)
const TOKEN_KEY = 'TOUTIAO_USER'
export default new Vuex.Store({
  // 登录成功，将 Token 存储到 Vuex 容器中
  // 目的：获取方便 响应式
  // 缺点：页面刷新token值就消失
  // 解决办法：配和localStorage达到永久保存效果
  state: {
    user: getItem(TOKEN_KEY)
    // JSON.parse(window.localStorage.getItem(TOKEN_KEY))
  },
  mutations: {
    setUser(state, data) {
      state.user = data
      // window.localStorage.setItem(TOKEN_KEY, JSON.stringify(state.user))
      setItem(TOKEN_KEY, state.user)
    }
  },
  actions: {},
  modules: {}
})
